<?php
/* @var $this SiteController */

$this->pageTitle = Yii::app()->name;

Yii::app()->clientScript->registerScriptFile(Yii::app()->theme->baseUrl . '/js/carousel.js', CClientScript::POS_END);
?>
<div class="row">
    <div class="col-md-9">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="<?php echo Yii::app()->baseUrl; ?>/images/realestate/slide2.jpg" alt="...">
                    <div class="carousel-caption">
                        <h3>Farm House</h3>
                        <p>High Class farm house </p>
                    </div>
                </div>
                <div class="item ">
                    <img src="<?php echo Yii::app()->baseUrl; ?>/images/realestate/slide31.jpg" alt="...">
                    <div class="carousel-caption">
                        <h3>Farm House</h3>
                        <p>High Class farm house </p>
                    </div>
                </div>
                <div class="item ">
                    <img src="<?php echo Yii::app()->baseUrl; ?>/images/realestate/slide1.jpg" alt="...">
                    <div class="carousel-caption">
                        <h3>Farm House</h3>
                        <p>High Class farm house </p>
                    </div>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>



    </div>
    <div class="col-md-3">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">Quick Search</h3>
            </div>  
            <div class="panel-body">
                <form role="form">
                    <div class="form-group">
                        <label for="exampleInputEmail1">Property Type</label>
                        <select class="form-control">
                            <option>All</option>
                            <option>For Buy</option>
                            <option>For Rent</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputPassword1">State</label>
                        <select class="form-control">
                            <option>All</option>
                            <option>Abu Dhabi</option>
                            <option>Ajman</option>
                            <option>Dubai</option>
                            <option>Fujairah</option>
                            <option>Ras al-Khaimah</option>
                            <option>Sharjah</option>
                            <option>Umm al-Quwain</option>

                        </select>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputFile">Bedrooms</label>
                        <div>
                            <select name="min-bed" style="width:48%;float:left" class="form-control" >
                                <option value="0">Min</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="30">8+</option>
                            </select> 

                            <select name="max-bed" style="width:48%;float: right" class="form-control ">
                                <option value="0">Max</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="30">8+</option>
                            </select> 
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="form-group">
                        <label for="exampleInputFile">Bathrooms</label>
                        <div>
                            <select name="min-bed" style="width:48%;float:left" class="form-control" >
                                <option value="0">Min</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="30">8+</option>
                            </select> 

                            <select name="max-bed" style="width:48%;float: right" class="form-control ">
                                <option value="0">Max</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="30">8+</option>
                            </select> 
                        </div>
                        <div class="clear"></div>
                    </div>

                    <button type="submit" class="btn btn-default btn-lg btn-block" style="margin-top: 10px">Search</button>
                </form>
            </div>
            <!--<div class="panel-footer">Panel footer</div>-->
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12">

        <div class="row top-padding "> 

            <div class="col-md-3">
                <div class="thumbnail">
                    <img data-src="holder.js/300x200" alt="300x200" src="<?php echo Yii::app()->baseUrl; ?>/images/realestate/slide1.jpg" style="width: 300px; height: 200px;">
                    <div class="caption">
                        <h3>George Street</h3>
                        <p>
                            <span class="label label-info">For Sale</span>    
                            <span class="label label-default">500 m2</span>
                            <span class="label label-default icon-arrow-right"> Bath : 2</span>
                            <span class="label label-default icon-arrow-right"> Bed : 2</span>
                        </p>
                        <p>Reflecting the status of this desirable destination a 4/5 bedroom townhouses at Terrace Yard offers.</p>
                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="thumbnail">
                    <img data-src="holder.js/300x200" alt="300x200" src="<?php echo Yii::app()->baseUrl; ?>/images/realestate/slide31.jpg" style="width: 300px; height: 200px;">
                       
                    <div class="caption">
                        
                        <h3>George Street  </h3>
                        <p>
                            <span class="label label-warning">For Rent</span>   
                            <span class="label label-default">500 m2</span>
                            <span class="label label-default icon-arrow-right"> 3 Bath</span>
                            <span class="label label-default icon-arrow-right"> 2 Bed</span>

                        </p>
                        <p class="text-center typ"> $50,000</p>
                        <p><a href="#" class="btn btn-primary" role="button">Detail</a> <a href="#" class="btn btn-default pull-right" role="button">Compare</a></p>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="thumbnail">
                    <img data-src="holder.js/300x200" alt="300x200" src="" style="width: 300px; height: 200px;">
                    <div class="caption">
                        <h3>Thumbnail label</h3>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="thumbnail">
                    <img data-src="holder.js/300x200" alt="300x200" src="" style="width: 300px; height: 200px;">
                    <div class="caption">
                        <h3>Thumbnail label</h3>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
                    </div>
                </div>
            </div>
        </div>



    </div>
    <div class="row">
        <div class="col-md-6" >

            <h3>Who We Are</h3>
            <img src="<?php echo Yii::app()->baseUrl ?>/images/sample-pic-2.jpg" alt="" class="pull-left">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo
        </div>
        <div class="col-md-6" >
            <h3>Why Choose Us</h3>
            <ul class="nav nav-tabs" id="myTab">
           
                <li class="active"><a href="#profile" data-toggle="tab">Competitive Price</a></li>
                <li><a href="#messages" data-toggle="tab">Nice Reputation</a></li>
                <li><a href="#settings" data-toggle="tab">Guarantee</a></li>
            </ul>

            <div class="tab-content">
                
                <div class="tab-pane active" id="profile"><img src="<?php echo Yii::app()->baseUrl ?>/images/sample-pic-1.jpg" alt="" class="pull-left">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur</div>
                <div class="tab-pane" id="messages">...</div>
                <div class="tab-pane" id="settings">...</div>
            </div>
        </div>
    </div>
    
    
</div>


